<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="header::header" />
<body>
	<div class="datagrid-toolbar" id="dgtoolbar">
		<a class="easyui-linkbutton" href="#" iconCls="icon-search" id="querybtn" plain="true" title="查询">查询</a>
		<a class="easyui-linkbutton" href="#" iconCls="icon-reload" id="reloadbtn" plain="true">刷新</a>
	</div>
	<table id="dg" class="easyui-datagrid" data-options="url:'pageQuery',idField:'iid',rownumbers:true,singleSelect:false,method:'post',toolbar:'#dgtoolbar',pagination:true,pageSize:20,pageList:[20,30,50],fit:true">
		<thead>
			<tr>
				<th data-options="field:'clogname'" width="150" align="center">账号</th>
				<th data-options="field:'clogtype'" width="100" align="center">类型</th>
				<th data-options="field:'dlogdate'" width="200" align="center">登录时间</th>
				<th data-options="field:'cip'" width="100" align="center">ip</th>
				<th data-options="field:'cbrowser'" width="120" align="center">浏览器</th>
				<!-- <th data-options="field:'sessionid'" width="300" align="center">sessionId</th>-->
			</tr>
		</thead>
	</table>
	<div id="dlg" class="easyui-dialog" title="操作" style="padding: 5px" data-options="buttons: '#dlg-buttons',closed:'true',modal:true">
		<form id="dataform" method="post">
			<table>
				<tr>
					<td>账号:</td>
					<td><input name="iid" id="iid" type="hidden"></input> <input name="clogname" class="easyui-textbox" style="width: 200px" data-options="required:true"></input></td>
				</tr>
				<tr>
					<td>类型:</td>
					<td><input name="clogtype" class="easyui-textbox" style="width: 200px"></input></td>
				</tr>
				<tr>
					<td>登录时间:</td>
					<td><input name="dlogdate" class="easyui-textbox" style="width: 200px"></input></td>
				</tr>
				<tr>
					<td>ip地址:</td>
					<td><input name="cip" class="easyui-textbox" style="width: 200px"></input></td>
				</tr>
				<tr>
					<td>浏览器:</td>
					<td><input name="cbrowser" class="easyui-textbox" style="width: 200px"></input></td>
				</tr>
				<tr>
					<td>sessionId:</td>
					<td><input name="sessionid" class="easyui-textbox" style="width: 200px"></input></td>
				</tr>
			</table>
		</form>
	</div>
	<div id="dlg-buttons">
		<a id="dlg-savebtn" href="javascript:void(0)" style="width: 50" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
		<a id="dlg-closebtn" href="javascript:void(0)" style="width: 50" class="easyui-linkbutton" iconCls="icon-no">关闭</a>
	</div>
	<div id="dlg-query" class="easyui-dialog" title="查询" style="padding: 5px" data-options="buttons: '#dlg-query-buttons',closed:'true',modal:true">
		<form id="dataform-query" method="post">
			<table>
				<tr>
					<td>账号:</td>
					<td><input id="clogname" class="easyui-textbox" style="width: 150px" /></td>
				</tr>
				<tr>
					<td>登录类型:</td>
					<td><input id="clogtype" class="easyui-combobox" style="width: 150px" data-options="panelHeight:'auto',url:'../dicdetails/findItems?ckey=logintype',valueField:'cname',textField:'cname'"></td>
				</tr>
				
				
			</table>
		</form>
	</div>
	<div id="dlg-query-buttons">
		<a id="dlg-query-savebtn" href="javascript:void(0)" style="width: 50" class="easyui-linkbutton" iconCls="icon-search">查询</a>
		<a id="dlg-query-closebtn" href="javascript:void(0)" style="width: 50" class="easyui-linkbutton" iconCls="icon-no">关闭</a>
	</div>
</body>
<script type="text/javascript" th:src="@{/common/GridView.js}"></script>
<script type="text/javascript">
		$(document).ready(function(){
		//查询
		$("#dlg-query-savebtn").click(function(){
			$('#dg').datagrid('load', {
				clogname: $("#clogname").textbox('getText'),
				clogtype: $("#clogtype").combobox('getText')
			});
		});
	});
</script>
</html>
